<!DOCTYPE html>
<html class="ui-mobile">
    <head>
        <title>Cost Analysis</title>
        <!--<base href="http://size.uni-fashion.net/">-->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
        
        <link rel="apple-touch-icon" href="img/img/farmerIcon.png" />
        <link rel="shortcut icon" href="img/farmerTouchIcon.ico" />
        <link rel="icon" type="image/png" href="img/farmerTouchIcon.ico" />
        
        <link href="css/extend.css" rel="stylesheet" type="text/css"/>
        <link type="text/css" rel="stylesheet" href="css/bootstrap/bootstrap.min.css"/>
        <link type="text/css" rel="stylesheet" href="css/cp.css"/>
        
        <!-- jQuery -->

            <script src="js/jquery-2.1.0.js" type="text/javascript"></script>
        
        <!-- jQuery UI -->
            <script src="js/jqueryUI-1.10.3/jquery-ui-1.10.3.custom.js" type="text/javascript"></script>
            <link href="css/jqueryUI-1.10.3/jquery-ui-1.10.3.custom.css" rel="stylesheet" type="text/css"/>
            <link href="css/jqueryUI-1.10.3/SpecialDateSheet.css" rel="stylesheet" type="text/css"/>
                
        <!-- Include all compiled plugins (below), or include individual files as needed -->
        <script src="js/bootstrap.min.js"></script>
        <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
        <script src="class/java.js" type="text/javascript"></script>
        <script type="text/javascript">
            function home(){
                window.open('.','_self');
            }
            $.datepicker.regional['th'] ={
                changeMonth: true,
                changeYear: true,
                //defaultDate: GetFxupdateDate(FxRateDateAndUpdate.d[0].Day),
                yearOffSet: 543,
                showOn: "button",
                buttonImage: 'css/jqueryUI-1.10.3/images/calendar.gif',
                buttonImageOnly: true,
                dateFormat: 'dd/mm/yy',
                dayNames: ['อาทิตย์', 'จันทร์', 'อังคาร', 'พุธ', 'พฤหัสบดี', 'ศุกร์', 'เสาร์'],
                dayNamesMin: ['อา', 'จ', 'อ', 'พ', 'พฤ', 'ศ', 'ส'],
                monthNames: ['มกราคม', 'กุมภาพันธ์', 'มีนาคม', 'เมษายน', 'พฤษภาคม', 'มิถุนายน', 'กรกฎาคม', 'สิงหาคม', 'กันยายน', 'ตุลาคม', 'พฤศจิกายน', 'ธันวาคม'],
                monthNamesShort: ['ม.ค.', 'ก.พ.', 'มี.ค.', 'เม.ย.', 'พ.ค.', 'มิ.ย.', 'ก.ค.', 'ส.ค.', 'ก.ย.', 'ต.ค.', 'พ.ย.', 'ธ.ค.'],
                constrainInput: true,

                prevText: 'ก่อนหน้า',
                nextText: 'ถัดไป',
                yearRange: '-2:+2',
                buttonText: 'เลือก',

            };
        $.datepicker.setDefaults($.datepicker.regional['th']);
        </script>
    </head>
    <body>
        <div id="screenWidth" style="display: none;position: fixed;top: 55px;left: 5px;background: rgba(255,255,255,.8);padding: 5px;border: 1px solid blue;z-index: 1000;"></div>
        <script type="text/javascript">
            $( window ).resize(function() {
                $('#screenWidth').html($(document).width()+"px");
            });
            $('#screenWidth').html($(document).width()+"px");
        </script>